<template>
  <div style="width: 1000px">

  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        {
          id: 1,
          date: '2016-05-02',
          name: '王小虎',
          sex:0,
          address: '上海市普陀区金沙江路 1518 弄'
        }, {
          id: 2,
          date: '2016-05-04',
          name: '王小虎',
          sex:0,
          address: '上海市普陀区金沙江路 1517 弄'
        }, {
          id: 3,
          date: '2016-05-01',
          name: '王小虎',
          sex:0,
          address: '上海市普陀区金沙江路 1519 弄'
        }, {
          id: 4,
          date: '2016-05-03',
          name: '王小虎',
          sex:0,
          address: '上海市普陀区金沙江路 1516 弄'
        }, {
          id: 5,
          date: '2016-05-02',
          name: '王小虎',
          sex:1,
          address: '上海市普陀区金沙江路 1518 弄'
        }, {
          id: 6,
          date: '2016-05-04',
          name: '王小虎',
          sex:0,
          address: '上海市普陀区金沙江路 1517 弄'
        }, {
          id: 7,
          date: '2016-05-01',
          name: '王小虎',
          sex:1,
          address: '上海市普陀区金沙江路 1519 弄'
        }, {
          id: 8,
          date: '2016-05-03',
          name: '王小虎',
          sex:0,
          address: '上海市普陀区金沙江路 1516 弄'
        }
      ]
    }
  },
  methods: {
    handleClick(row) {
      console.log(row);
    },
    removeClick(id) {
      console.log(id);
    },
    handleSizeChange(val) {
      console.log(`每页 ${val} 条`);
    },
    handleCurrentChange(val) {
      console.log(`当前页: ${val}`);
    }
  }
}
</script>

<style scoped>
.el-row, h4 {
  margin-top: 20px;
}
</style>